<ion-header>
  <ion-navbar>
    <ion-title>
      MY CONFERENCE
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <div class="ft-tab-my-conference">
    <ion-refresher (ionRefresh)="doRefresh($event)">
      <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新......" refreshingSpinner="circles" refreshingText="刷新中......"></ion-refresher-content>
    </ion-refresher>
    <div *ngFor="let item of conference;let qIndex=index;" class="con">
      <ion-list>
        <ion-item>
          <div class="conference">
            <div class="conferences">{{item.mtitle}}</div>
            <div class="edit"><a (click)='edit()'>Edit</a></div>
          </div>
          <hr>
          <div class="neirong">
            <div>Conference:{{item.mtitle}}</div>
            <div>Time:{{item.meeting_start_time}}</div>
            <div>Venue:{{item.address}}</div>
            <div>Status:{{meet_stat[qIndex]}}</div>
            <div>Registration Free:¥  {{rmb[qIndex]}}       $  {{price[qIndex]}}</div>
            <div>Payment Status:{{item.payMentStatus}}</div>
            <div>Registration Time:{{item.add_time}}</div>
          </div>
          <HR>
          <div class="buttom">
            <div class="topay" (click)="topay(rmb[qIndex],price[qIndex])" *ngIf="item.payMentStatus == 'Approved Pending Payment'" tappable>To pay</div>
            <div class="cance3" *ngIf="item.payMentStatus == 'Approved Pending Payment'"></div>
            <div class="cancel" (click)="cancel(uid,item.id)" *ngIf="item.payMentStatus != 'Registration completed'&&item.payMentStatus == 'Approved Pending Payment'" tappable>Cancel the order</div>
            <div class="cance2" (click)="cancel(uid,item.id)" *ngIf="item.payMentStatus != 'Registration completed'&&item.payMentStatus != 'Approved Pending Payment'" tappable>Cancel the order</div>
          </div>
        </ion-item>
      </ion-list>
    </div>
  </div>
  <!--<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>-->
</ion-content>